<template>
    <div class="team-qual">
        <div class="team-qual-title">团队资质</div>
        <div class="team-qual-items">
            <div class="team-qual-item" v-for="(item, key) in teamItemList" :key=key>
                <div class="team-qual-img">
                    <img :src="item.img">
                </div>
                <div class="team-qual-item-info">
                    <div class="info-number">
                        {{item.number}}人
                    </div>
                    <div class="info-name">
                        {{item.name}} 认证
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>

export default {
  name: 'teamQualTypee',
  data() {
    return{
        
    }
  },
  props: {
    teamItemList: {
      type: Array,
      required: true
    }
  },
  components: {
  
  },
  mounted: function () {
    // console.log(this.proItemList)
  },
  methods: {
    
  }
}
</script>

<style lang="stylus" scoped>
.team-qual{
    background:rgba(255,255,255,1);
    box-shadow:0px 1px 2px 0px rgba(0,0,0,0.1);
    margin-bottom: 20px; 
}
.team-qual-title{
    box-sizing: border-box;
    font-size:16px;
    color:rgba(30,30,30,1);
    padding-left: 30px;
    line-height:58px;
    border-bottom: 1px solid rgba(238,238,238,1);
}
.team-qual-items{
    padding: 40px 30px;
    font-size: 0;
}
.team-qual-item{
    width: 216px;
    display: inline-block;
    box-sizing: border-box;
    font-size: 14px;
}
.team-qual-item:nth-child(3n+2){
   margin-left: 123px;
   margin-right: 123px;
}
.team-qual-img{
    height: 162px;
    img{
        width: 100%;
        height: 100%;
    }
}
.team-qual-item-info{
    padding-top: 40px;
    text-align: center;
    .info-number{
        font-size:34px;
        font-weight:bold;
        color:rgba(30,30,30,1);
        line-height:34px;
    }
    .info-name{
        font-size:14px;
        color:rgba(82,82,82,1);
        line-height:14px;
        margin: 20px 0;
    }
}
</style>
